<template>
  <section class="main">
    <!-- 搜索框 -->
    <IndexSearch></IndexSearch>
    <div class="content">
      <!-- 轮播图 -->
      <IndexSwiper></IndexSwiper>
      <!-- 导航部分 -->
      <IndexSlide></IndexSlide>
      <!-- 潮流女装 -->
      <IndexGirl></IndexGirl>
      <!-- 潮流男装 -->
      <IndexBoy></IndexBoy>
      <!-- 电脑办公 -->
      <IndexJob></IndexJob>
      <!-- 为您推荐 -->
      <IndexRecommend></IndexRecommend>
    </div>
    <div class="a"></div>
    <!-- 底部 -->
    <IndexFooter></IndexFooter>
  </section>
</template>

<script>
  import IndexSearch from './Index_search.vue'
  import IndexSwiper from './Index_swiper.vue'
  import IndexSlide from './Index_slide.vue'
  import IndexGirl from './Index_girl.vue'
  import IndexBoy from './Index_boy.vue'
  import IndexJob from './Index_job.vue'
  import IndexRecommend from './Index_recommend.vue'
  import IndexFooter from './Index_footer.vue'
  
  export default  { 
    name: 'index',
    props: [],
    
    data() {
      return {
        
      }
    },
    components:{
      IndexSearch: IndexSearch,
      IndexSwiper: IndexSwiper,
      IndexSlide: IndexSlide,
      IndexGirl: IndexGirl,
      IndexBoy: IndexBoy,
      IndexJob: IndexJob,
      IndexRecommend: IndexRecommend,
      IndexFooter: IndexFooter,
    },
    methods: {

    },
    mounted(){
    
    },
    computed: {

    }
}
</script>

<style scoped>
  .main {
    width: 100%;
    height: 100%;
    /*overflow: scroll;*/
    /* overflow: hidden; */
    background: #efefef;
    display: flex;
    flex-direction: column;
  }
  .content{
    flex: 1;
    /* overflow: scroll; */
    /* overflow: hidden; */
  }
  .a{
    height: 1rem;
    width: 100%;
  }
</style>
